<template>
	<view class="back">
		<view class="card-list">
				<view v-for="i in [1,2,3]" style="margin-top: 26rpx;">
					<view @click="details">
							<oxygen-info></oxygen-info>
					</view>
				</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				oxygenList:[]
			}
		},
		methods: {
			details() {
				console.log("click check datails")
				uni.navigateTo({
					url:'/pages/oxygen-detail/oxygen-detail'
				})
			}
		}
	}
</script>

<style>
.back {
	width: 100vw;
	height: 50vh;
	left: 0rpx;
	top: 0rpx;
	background: linear-gradient(179.81deg, #17A8E4 0.16%, #94D6E2 29.03%, #FFFFFF 70.53%);
}
.card-list {
  display: flex;
  flex-direction: column;
	align-items: center;
}
.card-list > view {
  margin-top: 26rpx; /* 设置元素之间的垂直间隔 */
}
</style>
